<template>
<div class="no-data">
  <img :src="src || '/static/images/common/no-data.png'">
  <p v-html="text||'暂无数据'"></p>
</div>
</template>

<script>
export default {
  name: "no-data",
  props: {
    src: String,
    text: String,
  },
  data() {
    return {}
  },
}
</script>

<style lang="less" scoped>
@import "~@style_m/basic/utils/index";

.no-data {
  font-size: @font-size-lg;
  line-height: inherit;
  text-align: center;
  color: @gray-9;
  padding: 5em 0;

  img {
    width: 60px;
    margin: .5em auto;
  }
}
</style>
